<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>Non-markup widgets via createWidget</title>
		<script type="text/javascript">
			var djConfig = { isDebug: true };
		</script>
		<script type="text/javascript" src="../../dojo.js"></script>
		<script type="text/javascript">
			dojo.require("dojo.string.*");
			dojo.require("dojo.widget.Button");
			dojo.registerModulePath("acme", "tests/widget/acme");
			dojo.require("acme.widget.Button");
			//
			// Normal tests
			//
			dojo.addOnLoad(function() {
				var w;
				w = dojo.widget.createWidget("dojo:Button", { caption: "Created as dojo:Button" });
				dojo.byId("vanilla").appendChild(w.domNode);
				w = dojo.widget.createWidget("Button", { caption: "Created as Button" });
				dojo.byId("vanilla").appendChild(w.domNode);
				
				// Cannot create components via createWidget
				//var w = dojo.widget.createWidget("dojo:foo");
			});

			//
			// Test auto-load
			//	
			/* Commented out to support xdomain loading.
			dojo.registerNamespace("acme", "acme.widget", 
				function(name){ 
						return "acme."+dojo.string.capitalize(name);
			});
			*/
			dojo.addOnLoad(function() {
				var w = dojo.widget.createWidget("acme:Button", { caption: "Created with auto-require as acme:Button" });
				dojo.byId("al").appendChild(w.domNode);
			});

			//
			// Test passing a dom node as the first argument to createWidget()
			//

		</script>
	</head>
	<body>
		<h1>Test createWidget()</h1>
		<div id="vanilla"></div>

		<h1>Test createWidget()/auto-loading</h1>
		<p>
			This tests the ability for createWidget() to automatically load the code for a widget,
			even though the user hasn't done a dojo.require() for the widget.
		</p>
		<div id="al"></div>
	</body>
</html>
